<template>
	<el-col :span="12">
		<el-card class="box-card">
			<div slot="header" class="clearfix card-right">
				<span>分类销售排行</span>
				<el-radio-group size="small" v-model="tabPosition">
					<el-radio-button label="category">品类</el-radio-button>
					<el-radio-button label="goods">商品</el-radio-button>
				</el-radio-group>
			</div>
			<div class="charts">
				<v-chart :options="classification" />
			</div>
		</el-card>
	</el-col>
</template>
<script>
export default {
	name: 'salesByCategory',
	props: {
		classification: Object,
	},
	data() {
		return {
			tabPosition: 'category',
		};
	},
	methods: {},
};
</script>
<style lang="scss" scoped>
.charts {
	height: 383px;
}
</style>
